<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
 <ui:define name="content">			
  <h:form class="form">
  	<h3>
		<h:outputText value="#{sujetoEmpresaSucursal.titulo}"></h:outputText>
	</h3>
	<p:separator/>
  	<p:panel>
  			
  		<p:messages id="messages" closable="true"/>
  		<p:panel>
  			<h:panelGrid columns="2">  
	            <h:outputText id="lblNombre" value="Nombre: *"/>
				<p:inputText id="inputNombre" value="#{sujetoEmpresaSucursal.sucursal.nombre}" required="true" label="Nombre"/>
				
				<h:outputText id="lblApellido" value="Apellido: *"/>
				<p:inputText id="inputApellido" required="true" value="#{sujetoEmpresaCreate.sucursal.apellido}" label="Apellido"/>
				
				<h:outputText id="lblApodo" value="Apodo/Alias:"/>
				<p:inputText id="inputApodo" value="#{sujetoEmpresaCreate.sucursal.alias}"/>
			</h:panelGrid>
  		</p:panel>	  
		<p:panel header = "Domicilio de la Sucursal">
			<h:panelGrid columns="2">
	        	<h:outputText value="Calle: *" />
	        	<p:inputText value="#{sujetoEmpresaCreate.sucursal.calle}" required="true" label="Calle"/>
	
	        	<h:outputText value="Nº: *" />
	        	<p:inputText value="#{sujetoEmpresaCreate.sucursal.numero}" required = "true" label="Numero"/>
	
	        	<h:outputText id="lblPiso" value="Piso:"/> 
	        	<p:inputText id="inputPiso" value = "#{sujetoEmpresaCreate.sucursal.piso}"/>
	
	        	<h:outputText id="lblDpto" value="Dpto:"/>
	        	<p:inputText id="inputDpto" value = "#{sujetoEmpresaCreate.sucursal.departamento}"/>
	
	        	<h:outputText id="lblMza" value="Mza:"/>
	        	<p:inputText id="inputMza" value = "#{sujetoEmpresaCreate.sucursal.manzana}"/>	
	
	        	<h:outputText id="lblLte" value="Lote:"/>
	        	<p:inputText id="inputLte" value = "#{sujetoEmpresaCreate.sucursal.lote}"/>
	
	     		<h:outputText id="lblBarrio" value="Barrio: *"/>   	
	  			<p:inputText id="inputBarrio" value = "#{sujetoEmpresaCreate.sucursal.barrio}"/>      	
	  			
	     		<h:outputText id="lblObservacion" value="Observacion:"/>  
	  			<p:inputTextarea rows="3" cols="100" counter="counterObservacion" maxlength="50"       
   						counterTemplate="{0} caracteres restante." value = "#{sujetoEmpresaCreate.sucursal.observacion}"/>
   				<h:outputText/>
   				<h:outputText id="counterObservacion" />
			</h:panelGrid>
		</p:panel> 	
		<p:panel header = "Datos de Contacto">
			<h:panelGrid columns = "2">
				<h:outputText value="Telefono: " />
	        	<p:inputText value="#{sujetoEmpresaCreate.sucursal.telefonoFijo}" style="width:100%;"/>
	        
	        	<h:outputText value="Interno: " />
	        	<p:inputText value="#{sujetoEmpresaCreate.sucursal.interno}" style="width:100%;"/>
	        
	        	<h:outputText value="Celular: " />
	        	<p:inputText value="#{sujetoEmpresaCreate.sucursal.telefonoMovil}" style="width:100%;"/>
	        
	        	<h:outputText value="Correo Electronico:"/>
	        	<p:inputText value = "#{sujetoEmpresaCreate.sucursal.email}" style="width:50%;"/>
			</h:panelGrid>
		</p:panel>
		<p:panel>
			<p:commandButton value="Guardar" action="#{sujetoEmpresaCreate.pasoGuardarSucursal(sujetoEmpresaCreate.sucursal)}" ajax="false"
			title="Guardar Sucursal"/>
		</p:panel>
  	</p:panel>	
  </h:form>        	        	        	        
 </ui:define>
</ui:composition>
	
</h:body>
</html>